<template>
  <div class="home">
    <Header />
    <Aslide />
    <div class="main">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
// @ is an alias to /src
import Header from "@/components/Header.vue";
import Aslide from "@/components/Aslide.vue";

export default {
  name: "Home",
  components: {
    Header,
    Aslide,
  },
};
</script>

<style>
html,
body,
#app,
.homeBox,
.el-container {
  /*设置内部填充为0，几个布局元素之间没有间距*/
  padding: 0px;
  /*外部间距也是如此设置*/
  margin: 0px;
  /*统一设置高度为100%*/
  height: 100%;
}
.home {
  height: 100%;
}
.main {
  margin-left: 238px;
  height: calc(100% - 62px);
}

.home-box .title {
  height: 50px;
  text-align: left;
  line-height: 50px;

  font-weight: 600;
  background-color: lightgoldenrodyellow;
  color: rgb(110, 109, 109);
}
.home-box .title > span {
  border-left: 5px solid #666;
  padding-left: 20px;
}
</style>